博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
调取jSon数据--展示
阅读量:6276 次
发布时间:2019-06-22

本文共 2462 字,大约阅读时间需要 8 分钟。

下面代码是将页面中的展示部分

function searchProductlistByfilterCondition(index, type, sort, filterWord) {       //cite_html    var citem_html = '
' + '
' + '
{title}
' + '
{time}' + '
' + '
' + '
{mark}
{price}' + '
{praise}
' + '
' + '
( 转载- ' + ' 站酷中国 )' + '
' + '
' + '

' + ' 小海藻 福建 福州 ' + ' 人气:256

' + ' ' + ' 加关注 ' + ' 发私信

' + '
'; $.get('ajax/getProductListByFliterCondition.ashx', { pageIndex: index, Type: type, Sorting: sort, keyWord: filterWord }, function (data) { $.each(data.jsona, function (index, elem) { citemHtml += citem_html.replace('{imgList}', elem.msg_img_list).replace('{title}', elem.msg_title) .replace('{time}', elem.msg_date).replace('{mark}', elem.msg_mark) .replace('{price}', elem.msg_price).replace('{praise}', elem.msg_praise) .replace('{user}', elem.msg_create_user); }) $("#fsD1").after(citemHtml); }, 'json'); //alert(sort);}

citem_html:页面代码(keyword用特殊符号和文字表示。比如 {imgList},(time)等)

$.get():从指定的资源请求数据

第一个參数:jSon插件;第二个參数:json数据格式。第三个參数:function(data)方法。data为取得的json数据串

$.each(data.jsona,function(index,elem))

data.jsona:json数据

function(index,elem):index:索引       elem:相当于json数据串

此后,将html代码加入到页面中。

此方法的作用:1、传递參数 2、获取3、展示

接下来在

$(function () {    //页面初始化调用    searchProductlistByfilterCondition("", "", "", "");        //查询框,keyword查询--调用函数    $('#search ').click(function () {        pageIndex = 1;        searchProductlistByfilterCondition(pageIndex, sortP, typeL, keyWord);          });}

页面js中。调用。仅仅须要将详细的数据相应填上就能够了。

页面中的js作用:1、绑定 2、赋值

此上为自己的一点认知,假设有什么不正确的地方,还希望大家给于指点哦!

你可能感兴趣的文章
socket通信Demo
查看>>
技术人员的焦虑
查看>>
js 判断整数
查看>>
mongodb $exists
查看>>
js实现页面跳转的几种方式
查看>>
sbt笔记一 hello-sbt
查看>>
常用链接
查看>>
pitfall override private method
查看>>
!important 和 * ----hack
查看>>
聊天界面图文混排
查看>>
控件的拖动
查看>>
svn eclipse unable to load default svn client的解决办法
查看>>
Android.mk 文件语法详解
查看>>
QT liunx 工具下载
查看>>
内核源码树
查看>>
AppScan使用
查看>>
Java NIO框架Netty教程(三) 字符串消息收发(转)
查看>>
Ucenter 会员同步登录通讯原理
查看>>
php--------获取当前时间、时间戳
查看>>
Spring MVC中文文档翻译发布
查看>>